<template>
  <div class="footer">
    <div class="footer-content w-1200">
      <div class="footer-group">
        <h6>关于我们</h6>
        <p>公司介绍</p>
        <p>品牌故事</p>
        <p>设计团队</p>
      </div>
      <div class="footer-group">
        <h6>联系我们</h6>
        <p>电话: 020-28821862</p>
        <p>地址:广州市越秀区东风东路836号</p>
      </div>
      <div class="footer-group">
        <h6>版权声明/隐私政策</h6>
        <p><a target="_blank" href="https://beian.miit.gov.cn/">粤ICP备2024234767号</a></p>
      </div>
      <div class="footer-group">
        <h6>扫二维码加入公众号了解更多</h6>
        <div class="qcode" />
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">

</script>

<style scoped>

.w-1200 {
  width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.footer .footer-content {
  width: 1520px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.footer .footer-content {
  width: 1520px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.footer h6 {
  font-family: MiSans;
  font-size: 14px;
  color: #000;
  line-height: 19px;
  margin-top: 31px;
}
.footer p {
  font-family: MiSans;
  font-size: 14px;
  color: #000;
  line-height: 19px;
  margin-top: 13px;
  cursor: pointer;
}
.footer .footer-content {
  width: 1520px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.footer .footer-content {
  width: 1520px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.footer .qcode img {
  display: block;
  width: 110px;
  height: 110px;
}
.footer .footer-content {
  width: 1520px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.footer {
  border-top: 2px solid rgba(0, 0, 0, 0.25);
}
</style>
